<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <style>
        .ui-selectoneradio tbody tr td{
            padding: 7px;
        }
        .border {
            border-style: groove; 
            border-width: 6px;
            border-color:#98bf21;
        }
        .ui-wizard .ui-wizard-navbar {
            padding: 10px;
        }
        .ui-wizard .ui-wizard-navbar button{
            height: 40px;
            color:blue;
            font-weight:bold;
        }
    </style>

    <div align="center">
        <h1>Registre El Stock de Sus Productos</h1>
        <hr/>
        <h4 style="padding-left: 20%; padding-right: 20%;">
            En está interfaz se podrá registrar los productos tanto "NUEVOS" como "ANTIGUOS" 
            para lo cual UD. deberá primero llenar el siguiente filtro.
        </h4>
        <hr/>

        <h:form class="border">
            <p:wizard backLabel="Retroceder" nextLabel="Siguiente">
                <p:tab title="Paso Nº 1" titleStyle="font-size:13px;" >
                    <div class="border">
                        <strong><h4>
                                1. SELECCIONE EL TIPO DE PRODUCTO QUE DESEA INGRESAR AL SISTEMA (STOCK).</h4>
                            <p:message for="firstss" />
                        </strong>
                        <hr/>
                        <p:selectOneRadio value="#{inputProductController.firstWizard}"
                                          layout="grid" columns="1" 
                                          requiredMessage="FALTA SELECCIONAR SI ES PRODUCTO NUEVO O ANTIGUO"
                                          required="true" id="firstss">
                            <f:selectItem itemLabel="REGISTRAR PRODUCTO NUEVO " itemValue="1"/>
                            <f:selectItem itemLabel="ACTUALIZAR STOCK MANUALMENTE " itemValue="2"/>
                        </p:selectOneRadio>
                        <hr/>
                    </div>
                </p:tab>
                <p:tab title="Paso Nº 2" titleStyle="font-size:13px;">
                    <div class="border">
                        <strong><h4>
                                2. SELECCIONE A DONDE SE TRANSLADARÁ LOS PRODUCTOS QUE DESEA INGRESAR.</h4>
                            <p:message for="firstssX"/>
                        </strong>
                        <hr/>
                        <p:selectOneRadio value="#{inputProductController.secondWizard}"
                                          layout="grid" columns="1" 
                                          requiredMessage="FALTA SELECCIONAR A DONDE ENVIARÁ LOS PRODUCTOS"
                                          required="true" id="firstssX">
                            <f:selectItem itemLabel="TRANSLADO HACIA ALMACÉN " itemValue="1"/>
                            <f:selectItem itemLabel="TRANSLADO HACIA TIENDA " itemValue="2"/>
                        </p:selectOneRadio>
                        <hr/>
                    </div>
                </p:tab>
                <p:tab title="Paso Nº 3" titleStyle="font-size:13px;" >
                    <div jsf:id="finish">
                        <div class="border" jsf:rendered="#{inputProductController.secondWizard == 1}">
                            <ui:include src="./part_product/storehouse_part.xhtml" />
                        </div>
                        <div class="border" jsf:rendered="#{inputProductController.secondWizard == 2}">
                            <ui:include src="./part_product/shop_part.xhtml" />
                        </div>
                        <hr/>
                        <div align="center" 
                             jsf:rendered="#{inputProductController.firstWizard eq 1}">
                            <p:commandButton value="FINALIZAR CONFIGURACIÓN" 
                                             oncomplete="if(!args.validationFailed){newproduct();}else{failed();}">
                            </p:commandButton>
                        </div>
                        <div align="center" 
                             jsf:rendered="#{inputProductController.firstWizard eq 2}">
                            <p:commandButton value="FINALIZAR CONFIGURACIÓN" update="finish"
                                             oncomplete="if(!args.validationFailed){oldproduct();}else{failed();}">
                            </p:commandButton>
                        </div>
                    </div>
                </p:tab>
            </p:wizard>
            <p:remoteCommand name="failed" update="finish">  
            </p:remoteCommand> 
            <p:remoteCommand name="newproduct" update=":panelContent">  
                <f:setPropertyActionListener
                    target="#{navigationController.navigationContent}"
                    value="./pages/operation/register_product/forms/product_new_register.xhtml" /> 
            </p:remoteCommand> 
            <p:remoteCommand name="oldproduct" update=":panelContent">  
                <f:setPropertyActionListener
                    target="#{navigationController.navigationContent}"
                    value="./pages/operation/register_product/forms/product_old_register.xhtml" /> 
            </p:remoteCommand> 
        </h:form>

    </div>

</ui:composition>
